
<link rel="stylesheet" href="view/table/css/bootstrap.min.css"> 
<link rel="stylesheet" href="view/table/css/bootstrap-table.min.css">
<link rel="stylesheet" href="view/time/css/datepicker.css">
<link rel="stylesheet" href="view/jjstree/css/demo.css" type="text/css">
<link rel="stylesheet" href="view/jjstree/css/zTreeStyle.css" type="text/css">
<link rel="stylesheet" type="text/css" href="css/j-tablehtml.css">
<!--三级联动-->
<link rel="stylesheet" href="css/j-selcetd.css">
<script src="view/Select/js/jquery.combo.select.js"></script>
<link rel="stylesheet" href="view/Select/css/combo.select.css">

<link rel="stylesheet" type="text/css" href="view/jdtree/jdtree.css">
<div class="j-dialog" id="dbDialog">
	<div class="j-dialog-bg small-bg">
        <div></div>
        <div class="dialog-s-center-h" style="height:75px;"></div>
        <div></div>
    </div>
	<div class="j-dialog-con size-small">
		<div class="j-dialog-header">
			<div class="title"><span id="jdialog_title">督办</span> <div class="close-div" onclick="closeDbDialog()"></div></div>
		</div>
		<div class="j-dialog-content">
			<form id="form_db">
				<div class="jdialog-row">
					<p><span style="color:#f00;">*</span> 督办截止时间</p>
					<div class="c-datepicker-date-editor c-datepicker-single-editor J-datepickerTime-single mt10 j-dialog-one-time" id="datetime">
				    	<i class="c-datepicker-range__icon kxiconfont icon-clock"></i>
				    	<input required type="text" autocomplete="off" name="d_input_time" placeholder="选择日期" class=" c-datepicker-data-input" value="" id="d_input_time">
				    </div>
				</div>
				<div class="jdialog-row">
					<p><span style="color:#f00;">*</span> 督办级别</p>
					<select name="dbjb" id="dbjb" style="width:190px;" required>
						<option value="1">一级</option>
						<option value="2">二级</option>
					</select>
				</div>
				<div class="jdialog-btn">
	                <button class="j-btn" onclick="closeDbDialog()">取消</button>
	                <button class="j-btn primray" id="btn_db_submit">确定</button>
	            </div>
        	</form>
		</div>
	</div>
</div>
<div class="j-dialog" id="getzjDialog">
	<div class="j-dialog-bg big-bg">
        <div></div>
        <div></div>
        <div></div>
    </div>
	<div class="j-dialog-con size-big">
		<div class="j-dialog-header">
			<div class="title">
				<span id="dialog_title">报警证据</span>
				<div class="close-div" onclick="closeGetzjDialog()"></div>
			</div>
		</div>
		<div class="j-dialog-content dialog-alarmzj">
			<div class="info-row">
				<div class="row-col-item">车牌号：<span id="dspan_vehicle_no">xxxx</span></div>
				<div class="row-col-item">报警类型：<span id="dspan_alarm_type">xxxx</span></div>
			</div>
			<div id="dimg_div">
				<div class="title-row">图片</div>
				<div class="img-div" id="dzj_imgs">
					<!-- <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1567002865858&di=b24789e45c9861adf21b48fc98234c3e&imgtype=0&src=http%3A%2F%2Fimages1.6zcool.com%2Fpic%2F82e0e62bc98dc04c837ee2b1f1898cf0-0.jpg" alt=""> -->
				</div>
			</div>
			<div id="dvideo_div">
				<div class="title-row">视频</div>
				<div class="video-div" id="dzj_videos">
					<!-- <video src=""></video> -->
				</div>	
			</div>
			<div id="dfile_div">
				<div class="title-row">文件</div>
				<div id="dzj_file">http://dkfhkdhfkdhfkj.bin</div>
			</div>
			
		</div>
	</div>
</div>
<div class="table-con">
	<div class="title"><div class="text">报警中心</div></div>
	<div class="j-search-con">
		<div class="border-j-top"></div>
		<div class="border-j-bottom"></div>
		<div class="search-div">
			<div class="j-search-row">
				<div class="item ju-select">
					<p>处理状态</p>
					<select name="" id="clstatus" disabled></select>
					<!-- <select id="clstatus">
						<option value="-1">全部</option>
						<option value="1">已处理</option>
						<option value="2">处理中</option>
						<option value="3">已处理完毕</option>
						<option value="4">不做处理</option>
						<option value="5">将来处理</option>
						<option value="6">逾期督办</option>
					</select> -->
				</div>
				<div class="item rtable_input">
					<p>地区</p>
					<div class="box">
							<div class="qrm-pinming">
									<div class="qrm-input-border">
											<input readonly type="text" placeholder="请选择" class="qrm-input">
									</div>
									<div class="qrm-main" id="alarm_qrm_main"></div>
							</div>
					</div>
        		</div>
				<div class="item">
					<p>车牌号</p>
					<input type="text" id="search_vehicle_no">
				</div>
				<div class="item">
					<p>报警时间</p>
					<div class="c-datepicker-date-editor J-datepickerTime-range mt10" id="datepickerAlarmtime">
	                    <i class="c-datepicker-range__icon kxiconfont icon-clock"></i>
	                    <input readonly placeholder="开始日期" name="" class="c-datepicker-data-input" value="">
	                    <span class="c-datepicker-range-separator">-</span>
	                    <input readonly placeholder="结束日期" name="" class="c-datepicker-data-input" value="">
	                </div>
				</div>
			</div>
			
			<div class="j-search-row" id="highSearchdiv" style="margin-top: 15px;">
				<div class="item ju-select">
					<p>行业类型</p>
					<select name="hytype" id="hytype">
						<!-- <option value="-1">全部</option>
						<option value="1">班线客运</option>
						<option value="2">旅游包车</option>
						<option value="3">危险品运输</option> -->
					</select>
				</div>
				<div class="item">
					<p>上报时间</p>
					<div class="c-datepicker-date-editor J-datepickerTime-range mt10" id="datepickerTime">
	                    <i class="c-datepicker-range__icon kxiconfont icon-clock"></i>
	                    <input readonly placeholder="开始日期" name="" class="c-datepicker-data-input" value="">
	                    <span class="c-datepicker-range-separator">-</span>
	                    <input readonly placeholder="结束日期" name="" class="c-datepicker-data-input" value="">
	                </div>
				</div>
				<div class="item">
					<p>报警类型</p>
					<div class="j-select-more" id="jselectMore">
						<div class="alarm-value" id="alarmvar"></div>
						<div class="img-div" id="selectimgdiv">
							<img src="img/select-jt3.png" class="selectjt" id="jselectimg">
						</div>
						<div class="alarm-tree">
							<!-- <ul id="treeDemo" class="ztree"></ul> -->
							<ul class="jdul-tree" id="jdul_tree"></ul>
						</div>	
						<!-- <ul class="select-option-ul"></ul>
						<ul class="select-option-ul-next"></ul>
						<ul class="select-option-ul-next-3"></ul> -->
					</div>	
				</div>
				<div class="item ju-select">
					<p>延迟时长</p>
					<select name="ystime" id="ystime">
						<!-- <option value="-1">全部</option>
						<option value="0">6小时内</option>
						<option value="1">6小时至12小时</option>
						<option value="2">12小时至1天</option>
						<option value="3">1天至3天</option>
						<option value="4">3天以上</option> -->
					</select>
				</div>
			</div>
			<div class="j-search-btn">
				<button class="j-btn" id="searchClick">查询</button>
				<button class="j-btn j-btn1" id="resetClick">重置</button>
				<button class="j-btn" id="highClick">高级查询</button>
			</div>
		</div>
	</div>
	<div class="j-table-con">
		<div class="border-j-top"></div>
		<div class="border-j-bottom"></div>
		<div class="j-table">
			<button class="j-btn"><i class="iconfont">&#xe624;</i>导出</button>
			<button class="j-btn" style="margin-left: 5px;" id="btn_dbs">批量督办</button>
			<div class="cnf_table" style="min-height: 100px;position: relative;">
				<div class="jid-loading" id="jid_loading"><div class="typing_loader"></div></div>
            	<table id="jtable_alarmcenter"></table>
         	</div>
		</div>
	</div>
</div>
<script src="view/table/js/bootstrap.min.js"></script>
<script src="view/table/js/bootstrap-table.js"></script>
<script src="view/time/js/moment.min.js"></script>
<script src="view/time/js/datepicker.all.js"></script>
<script type="text/javascript" src="view/jjstree/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="view/jjstree/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="js/jrequest.js"></script>
<script type="text/javascript" src="js/jdialog-btn.js"></script>
<script src="view/jdtree/jdtree.js"></script>
<script type="text/javascript" src="js/montitoringCenter/alarmCenter.js"></script>